<!--
 * @Descripttion:
 * @version:
 * @Author: cxguo
 * @Date: 2019-10-05 09:45:32
 * @LastEditors: cxguo
 * @LastEditTime: 2019-10-05 11:27:10
 -->
<template>
  <div class="border-gay">
    <el-row>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-right quick-boder-bottom" shadow="hover">
          <a href="javascript:;" title="新增销售单" basepath="/UCenter-webapp/" url="Buy/Add.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut01.png" width="64" height="64"></div>
            <div class="text">新增销售单</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-right quick-boder-bottom" shadow="hover">
          <a href="javascript:;" title="新增进货单" basepath="/UCenter-webapp/" url="Buy/Add.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut02.png" width="64" height="64"></div>
            <div class="text">新增进货单</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-right quick-boder-bottom" shadow="hover">
          <a href="javascript:;" title="出库历史" basepath="/UCenter-webapp/" url="OutStorage/List.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut03.png" width="64" height="64"></div>
            <div class="text">出库管理</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-bottom" shadow="hover">
          <a href="javascript:;" title="入库历史" basepath="/UCenter-webapp/" url="InStorage/List.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut04.png" width="64" height="64"></div>
            <div class="text">入库管理</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-right" shadow="hover">
          <a href="javascript:;" title="新增商品" basepath="/UCenter-webapp/" url="Product/AddInit.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut05.png" width="64" height="64"></div>
            <div class="text">新增商品</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-right" shadow="hover">
          <a href="javascript:;" title="新增客户" basepath="/UCenter-webapp/" url="ClientInfo/AddInit.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut06.png" width="64" height="64"></div>
            <div class="text">新增客户</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card quick-boder-right" shadow="hover">
          <a href="javascript:;" title="客户应收欠款" basepath="/UCenter-webapp/" url="ClientReceive/AmountsDueInit.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut07.png" width="64" height="64"></div>
            <div class="text">客户应收欠款</div>
          </a>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="quick-card" shadow="hover">
          <a href="javascript:;" title="日常收支" basepath="/UCenter-webapp/" url="IncomeAndPay/List.htm" onclick="addBill(this)">
            <div class="icon"><img src="https://cdn.zhsmjxc.com/CDN/Static-webapp/images/Shortcut08.png" width="64" height="64"></div>
            <div class="text">日常收支</div>
          </a>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script>

export default {
  name: 'QuickLaunch',
  computed: {
  }
}
</script>

<style lang="scss" scoped>
.quick {
    &-card {
        border: none; text-align: center;
        border-radius: 0px; padding: 18px 0;
    }
    &-boder-right {
        border-right: 1px dashed #d7d7d7;
    }
    &-boder-bottom {
        border-bottom: 1px dashed #d7d7d7;
    }
}
</style>
